@charset "utf8";
main{
	width: 1260px;
	height: 5000px;
	ba ckground: #d2e8ff;
}
main nav{
	width: 1104px;
	height: 90px;
	margin: 0 auto;
	background: #ffffff;
	position: absolute;
	left: 78px;
	z-index: 3;
}
.sticky01{
	position: fixed;
	top: 0;
	left: 78px;
	width: 1104px;
}
main nav div.nav_left{
	width: 700px;
	height: 90px;
	bac kground: #ffe0ee;
	float: left;
}
main nav div.nav_right{
	width: 300px;
	height: 90px;
	bac kground: #ffe0ee;
	float: right;
}
main nav div.nav_left ul li.img{
	margin-top: 9px;
}
main nav div.nav_left ul li{
	float: left;
}
main nav div.nav_left ul li a{
	line-height: 90px;
	padding: 0 5px;
	color: #363636;
}
main nav div.nav_left ul li a:hover{
	color: #ff6700;
}
/* -----右侧区域------------------------- */
main nav div.nav_right div.r{
	width: 45px;
	height: 45px;
	border: 1px solid #e0e0e0;
	margin-top: 23px;
	float: right;
}
main nav div.nav_right div.r img{
	margin-top: 15px;
	margin-left: 15px;
}
main nav div.nav_right div.l{
	width: 220px;
	height: 45px;
	border: 1px solid #e0e0e0;
	margin-top: 23px;
	float: right;
}
main nav div.nav_right div.l div.car{
	width: 50px;
	height: 24px;
}
main nav div.nav_right div.l div.phone{
	width: 85px;
	height: 24px;
}
main nav div.nav_right div.l div{
	background: #eeeeee;
	float: right;
	margin-top: 10px;
	margin-right: 7px;
}
main nav div.nav_right div.l div.car:hover{
	background: #ff6700;
	color: #ffffff;
}
main nav div.nav_right div.l div.phone:hover{
	background: #ff6700;
	color: #ffffff;
}

/* --------------轮播图--------------------------------- */
main div#aside_figure{
	width: 1104px;
	height: 414px;
	margin: 0 auto;
	bac kground: #fff;
}
/* 轮播图 */
main div figure{
	width: 1104px;
	height: 414px;
	bac kground: #ffc7d6;
	fl oat: left;
	position: absolute;
	top: 133px;
	left: 288px;
	z-index: 1;
}
main div figure iframe{
	position: absolute;
	top: -30px;
	left: -270px;
}


/* ---------左栏区--------------------------------------- */
main div aside{
	width: 210px;
	height: 414px;
	background: #8c8c8c;
	float: left;
	margin-top: 90px;
	position: absolute;
	z-index: 2;
}
main div aside ul li{
	width: 190px;
	height: 38px;
	color: #ffffff;
	padding-left: 20px;
	background: #8c8c8c;
	line-height: 38px;
}
main div aside ul li span{
	color: #ffffff;
}
main div aside ul li:hover{
	background: #ff7700;
}
main div aside ul li.first{
	margin-top: 20px;
}
main div aside ul li span{
	position: absolute;
	left: 180px;
}
main div aside ul div.aside_out{
	width: 510px;
	height: 415px;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 210px;
	display: none;
}
/* --------轮播图下方-------------------------------- */
main div#figure_down{
	width: 1104px;
	height: 153px;
	margin: 0 auto;
	padding: 0 auto;
	margin-top: 95px;
	back ground: #fff9b5;
	
}
main div#figure_down div{
	width: 284px;
	height: 153px;
	float: left;
	margin-left: 13px;
	bac kground: #fff;
	
}
main div#figure_down div:hover{
	filter: drop-shadow(0 0 5px #a2a2a2);
}
main div#figure_down div.leftone{
	width: 212px;
	margin-left: 0;
	bac kground: #fff;
}
main div#figure_down div.leftone{
	background: url(../img/left.png);
	background-size: 100% 100%;
}
main div#figure_down div.lefttwo{
	background: url(../img/subnav_icon01.png);
	background-size: 100% 100%;
}
main div#figure_down div.leftthree{
	background: url(../img/subnav_icon02.jpg);
	background-size: 100% 100%;
}
main div#figure_down div.leftfour{
	background: url(../img/subnav_icon03.png);
	background-size: 100% 100%;
}
/* ---------小米明星单品------------------------------ */
main div#star{
	width: 1104px;
	height: 43px;
	margin: 0 auto;
	margin-top: 40px;
	background: #ffffff;
}
main div#star div.star_left{
	width: 150px;
	height: 43px;
	float: left;
	font-size: 22px;
	color: #000;
}
main div#star div.star_right{
	width: 70px;
	height: 30px;
	float: right;
	bac kground: #cae1ff;
}
main div#star div.star_right div{
	width: 33px;
	height: 25px;
	border: 1px solid #e0e0e0;
	text-align: center;
	line-height: 25px;
	float: right;
}
main div#star div.star_right div:hover{
	background: #636363;
}
main div#star div.star_right div.rr{
	border-left: 0;
}

main div#star_introduce{
	width: 1104px;
	height: 306px;
	background: #fff;
	margin: 0 auto;
}
main div#star_introduce dl{
	width: 210px;
	height: 306px;
	float: left;
	margin-left: 13px;
	back ground: #eaffdc;
}
main div#star_introduce dl.star_one{
	margin-left: 1px;
	border-top: 1px solid #ffac13;
}
main div#star_introduce dl.star_two{
    border-top: 1px solid #83c44e;
}
main div#star_introduce dl.star_three{
    border-top: 1px solid #2196f3;
}
main div#star_introduce dl.star_four{
    border-top: 1px solid #e53935;
}
main div#star_introduce dl.star_five{
    border-top: 1px solid #00c0a5;
}
main div#star_introduce dl dt{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 208px;
}
main div#star_introduce dl dd.name{
	color: #000;
	text-align: center;
}
main div#star_introduce dl dd.present{
	font-size: 14px;
	color: #b0b0b6;
	margin-top: 10px;
	text-align: center;
}
main div#star_introduce dl dd.price{
	font-size: 14px;
	color: #ff6709;
	margin-top: 13px;
	text-align: center;
}
/* ------------灰色区域------------------------------------------- */
main div#grey{
	width: 1260px;
	height: 3830px;
	margin-top: 37px;
	padding-top: 74px;
	background: #f5f5f5;
}
/* -------------智能硬件-------------------------------- */
main div#grey div#hard{
	margin: 0 auto;
}
main div#grey div#hard div.hard_left{
	width: 200px;
	height: 41px;
	font-size: 22px;
	color: #000;
	float: left;
}
main div#grey div#hard div.hard_right{
	width: 97px;
	height: 41px;
	color: #000;
	float: right;
	bac kground: #b2f8ff;
}
main div#grey div#hard div.hard_right i{
	padding: 0 10px;
	bor der: 1px solid red;
	margin-left: 10px;
	background: url(../img/hardware_morebtn.png);
	background-size: 100% 100%;
}
main div#grey div#hard_introduce div.introduce_left{
	width: 209px;
	height: 552px;
	background: url(../img/haraware_kid.png);
	float: left;
}
main div#grey div#hard_introduce div.introduce_left p.watch{
	font-size: 24px;
	text-align: center;
	color: #000;
	margin-top: 54px;
}
main div#grey div#hard_introduce div.introduce_left p.baby{
	text-align: center;
	color: #333333;
	margin-top: 20px;
}
main div#grey div#hard_introduce div.introduce_left p.watch_price{
	font-size: 24px;
	text-align: center;
	color: #00a8ff;
	margin-top: 30px;
}

/* ----------------搭配------------------------------------- */


/* -----------周边------------------------------------ */


/* ----------------配件------------------------------------- */


/* --------------------热门产品-------------- */
main div#grey div#hot{
	width: 1104px;
	height: 43px;
	margin: 0 auto;
	margin-top: 40px;
	backg round-color: #fff;
	font-size: 22px;
	color: #000;
}
main div#grey div#hot_introduce{
	width: 1104px;
	height: 375px;
	margin: 0 auto;
	back ground-color: aquamarine;
}
main div#grey div#hot_introduce div.hott{
	width: 266px;
	height: 375px;
	float: left;
	margin-left: 13px;
	background-color: #fff;
}
main div#grey div#hot_introduce div.hott:hover{
	filter: drop-shadow(0 0 5px #a2a2a2);
}
main div#grey div#hot_introduce div.hot_one{
	margin: 0;
}
main div#grey div#hot_introduce div div.hot_progrem{
	width: 228px;
	height: 55px;
	margin-top: 22px;
	margin-left: 18px;
	color: #000;
	font-size: 14px;
}
main div#grey div#hot_introduce div div.hot_from{
	width: 228px;
	height: 15px;
	margin-top: 28px;
	margin-left: 18px;
	color: #b0b0b0;
	font-size: 13px;
}
main div#grey div#hot_introduce div div.hot_bottom{
	width: 210px;
	height: 10px;
	margin-top: 10px;
	margin-left: 18px;
	float: left;
}
main div#grey div#hot_introduce div div.hot_bottom ul{
	width: 210px;
	height: 10px;
	float: left;
}
main div#grey div#hot_introduce div div.hot_bottom ul li{
	font-size: 14px;
	float: left;
	border-right: 2px solid #b8b8b8;
	margin-right: 7px;
	padding-right: 7px;
}
main div#grey div#hot_introduce div div.hot_bottom ul li.hot_name{
	color: #000;
}
main div#grey div#hot_introduce div div.hot_bottom ul li.hot_price{
	color: #ff8e59;
	border: 0;
}

/* ----------内容------------------------- */
main div#grey div#text{
	width: 1104px;
	height: 43px;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 22px;
	color: #000;
	bac kground-color: #fff;
}
main div#grey div#text_introduce{
	width: 1104px;
	height: 382px;
	margin: 0 auto;
	back ground-color: aquamarine;
}
main div#grey div#text_introduce dl{
	width: 266px;
	height: 382px;
	float: left;
	margin-left: 13px;
	background-color: #fff;
	border-top: 1px solid #ffac13;
}
main div#grey div#text_introduce dl.text_two{
	border-top: 1px solid #83c44e;
}
main div#grey div#text_introduce dl.text_three{
	border-top: 1px solid #e53935;
}
main div#grey div#text_introduce dl.text_four{
	border-top: 1px solid #2196f3;
}
main div#grey div#text_introduce dl:hover{
	filter: drop-shadow(0 0 5px #a2a2a2);
}
main div#grey div#text_introduce dl.text_one{
	margin: 0;
}
main div#grey div#text_introduce dl dd.name1{
	width: 170px;
	height: 16px;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 18px;
	text-align: center;
	color: #ffac13;
}
main div#grey div#text_introduce dl.text_two dd.name1{
	color: #83c44e;
}
main div#grey div#text_introduce dl.text_three dd.name1{
	color: #e55e5c;
}
main div#grey div#text_introduce dl.text_four dd.name1{
	color: #2196f3;
}
main div#grey div#text_introduce dl dd.name2{
	width: 190px;
	height: 20px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
	color: #000;
}
main div#grey div#text_introduce dl dd.text_context{
	width: 200px;
	height: 35px;
	margin: 0 auto;
	margin-top: 15px;
	font-size: 14px;
	text-align: center;
	color: #b0b0b0;
}
main div#grey div#text_introduce dl dd.text_price{
	width: 80px;
	height: 15px;
	margin: 0 auto;
	margin-top: 25px;
	text-align: center;
	color: #000;
}
main div#grey div#text_introduce dl dt{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 190px;
}
/* --------------视频---------------------------- */
main div#grey div#vidio{
	width: 1104px;
	height: 43px;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 22px;
	color: #000;
	bac kground-color: #fff;
}
main div#grey div#vidio_introduce{
	width: 1104px;
	height: 263px;
	margin: 0 auto;
	backg round-color: aquamarine;
}
main div#grey div#vidio_introduce div{
	width: 266px;
	height: 263px;
	float: left;
	margin-left: 13px;
	background-color: #fff;
}
main div#grey div#vidio_introduce div:hover{
	filter: drop-shadow(0 0 5px #a2a2a2);
}
main div#grey div#vidio_introduce div.vidio_one{
	margin: 0;
}
main div#grey div#vidio_introduce div img.begin{
	position: relative;
	top: -40px;
	left: 20px;
}
main div#grey div#vidio_introduce div ul li.context1{
	width: 240px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	color: #000;
}
main div#grey div#vidio_introduce div ul li.context2{
	width: 250px;
	height: 15px;
	margin: 0 auto;
	margin-top: 12px;
	font-size: 13px;
	text-align: center;
	color: #b0b0b0;
}